<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="no">
		<meta name="format-detection" content="telephone=no">
		<title>毛铺</title>
		<link rel="stylesheet" type="text/css" href="css/weui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css" />
		<link href="css/load.css" type="text/css" rel="stylesheet"/>
		<link href="css/index.css" type="text/css" rel="stylesheet"/>
		<link href="css/animation.css" type="text/css" rel="stylesheet"/>
		<link href="css/keyframes.css" type="text/css" rel="stylesheet"/>
		<link href="css/page1.css" type="text/css" rel="stylesheet"/>
		<link href="css/page2.css" type="text/css" rel="stylesheet"/>
		<link href="css/page3.css" type="text/css" rel="stylesheet"/>
		<link href="css/page4.css" type="text/css" rel="stylesheet"/>
		<link href="css/page5.css" type="text/css" rel="stylesheet"/>
		<link href="css/page6.css" type="text/css" rel="stylesheet"/>
		<link href="css/page7.css" type="text/css" rel="stylesheet"/>
		<link href="css/page8.css" type="text/css" rel="stylesheet"/>
		<link href="css/page9.css" type="text/css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="dist/css/app.min.css"/>								
	</head>

	<body onload="loadComplete()">
		<!--载入-->
		<div class="loading" id="loading">
			<div class="loadbox">
				<div class="circle"></div>
				<div class="tipbox" id="tipbox">请使用竖屏浏览</div>
			</div>
		</div>
		<!--主舞台-->
		<div class="content" id="content" style="display:none;">
			<!--第七页 报名-->
			<div class="page page1">
				<img src="images/bg-2.jpg" class="pg2-01">
				<img src="images/4-1.png" class="pg4-1 delay500">
				<img src="images/7-2.png" class="pg7-2 delay700">
				<img src="images/7-3.png" class="pg7-3 delay500">
				<!-- 输入报名信息 -->
				<div id="register">
					<div id="name" class="mui-input-row">
						<label>姓名</label>
						<input type="text" id="ip-name" placeholder="不超过10个字符" maxlength="10" />
					</div>
					<div id="phone" class="mui-input-row">
						<label>联系方式</label>
						<input type="text" id="ip-phone" placeholder="11位手机号" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
					</div>
					<div id="code" class="mui-button-row">
						<input type="button" value="点击获取验证码" id="btn-send-code" />
						<input type="text" id="ip-code" placeholder="请输入验证码" maxlength="6" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
					</div>
					<div id="address" class="mui-input-row">
						<label id="lb-address-prompt">地址</label>
						<label id="lb-address"></label>
					</div>
				</div>
				<img id="submit" src="images/7-btn.png" class="pg7-btn delay700">
				<!--<img src="images/7-cjg.png" class="pg7-cjg delay1000">-->
				<div class="pg5-che">
					<img class="che5 delay500" src="images/btn.png">
				</div>
			</div>
			<!--第八页  抽奖-->
			<div class="page page2 hide">
				<img src="images/bg-2.jpg" class="pg-8">
				<img src="images/4-1.png" class="pg4-1 delay500">
				<img src="images/8-1.png" class="pg8-1 delay500">
				<img src="images/8-3.png" class="pg8-3 delay700" id="turntable">
				<img src="images/8-2.png" class="pg8-2 delay900" id="turntable-btn">
				<img src="images/8-4.png" class="pg8-4 delay1700">
				<img src="images/8-5.png" class="pg8-5 delay500" style="display: none;">
				<img src="images/8-6.png" class="pg8-6 delay500" style="display: none;">			
				<img src="images/share.png" class="pg8-7 delay500" style="display: none;">
			</div>
			<!--尾页-->          
			<div class="page page3 hide">
				<img src="images/bg-2.jpg" class="pg-9">
				<img src="images/2-1.png" class="pg2-1 delay500">
				<img src="images/9-1.png" class="pg9-1 delay500">
				<img src="images/9-2.png" class="pg9-2 delay900">
				<img src="images/9-3.png" class="pg9-3 delay1300">
				<img src="images/9-4.png" class="pg9-4 delay1700">
				<img src="images/9-5.png" class="pg9-5 delay1900">
			</div>
		</div>
		<!--播放器-->
		<div class="videoContainer" id="videoContainer"></div>
		<div class="videoBt" onClick="changeVideostate()">
			<img class="videoBtXuanzhuan" src="images/music_on.png" id="videoBtImg">
		</div>

		<!-- Success Toast -->
		<div id="success-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_toast"></i>
				<p class="weui_toast_content" id="success-toast-content">成功</p>
			</div>
		</div>
		<!-- Error Toast -->
		<div id="err-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_warn"></i>
				<p class="weui_toast_content" id="err-toast-content">错误</p>
			</div>
		</div>
		<!-- waiting Toast -->
		<div id="waiting-toast" style="display:none;">
			<div class="weui_mask_transparent"></div>
			<div class="weui_toast">
				<i class="weui_icon_waiting_circle"></i>
				<p class="weui_toast_content" id="waiting-toast-content">请稍侯</p>
			</div>
		</div>
		<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touch.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/city.data-3.js" type="text/javascript" charset="utf-8"></script>		
		<script src="dist/script/app.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>